<template>
  <div id="app">
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <Nav></Nav>
    <githubSecond></githubSecond>
    <githubThird></githubThird>
    <githubFourth></githubFourth>
    <githubFifth></githubFifth>
    <githubSixth></githubSixth>
    <githubEighth></githubEighth>
    <githubNinth></githubNinth>
    <githubTenth></githubTenth>
    <githubSeventh></githubSeventh>
    <githubEleven></githubEleven>
    <githubTwelfth></githubTwelfth>
    <github13></github13>
    <githubLast></githubLast>
  </div>
</template>

<script>

// import HelloWorld from './components/HelloWorld.vue'
   import Nav from './components/nav.vue'
   import githubSecond from './components/githubSecond'
   import githubThird from './components/githubThird'
   import githubSeventh from './components/githubSeventh'
   import githubFourth from './components/githubFourth'
   import githubFifth from './components/githubFifth'
   import githubSixth from './components/githubSixth'
   import githubEighth from './components/githubEighth'
   import githubNinth from './components/githubNinth'
   import githubTenth from './components/githubTenth'
   import githubEleven from './components/githubEleven'
   import githubTwelfth from './components/githubTwelfth'
   import github13 from './components/github13'
   import githubLast from './components/githubLast'
export default {
  name: 'App',
  components: {
    // HelloWorld,
    Nav,
    githubSecond,
    githubThird,
    githubSeventh,
    githubFourth,
    githubFifth,
  githubSixth,
  githubEighth,
  githubNinth,
  githubTenth,
  githubEleven,
  githubTwelfth,
  github13,
  githubLast
  }
}
</script>

<style>
a{
 text-decoration: none;
}
*{
  margin: 0px;
  padding: 0px;
}
li{
  list-style: none;
}
button{
  cursor: pointer;
}
</style>
